<template>
    <div style="height: 88vh;">
        <iframe id="pdfViewer" width="100%" height="100%"></iframe>
    </div>
</template>

<script setup>
import { onMounted, ref } from 'vue';
import { getTrainPath,getSyllabusData } from '@/api/FileOperations/train.js'
import { getTalentPath } from '@/api/talent.js'


//获取人才培养方案文件内容
const getTrainContent = async () =>{
    //获取路径
    const res = await getTrainPath()
    //根据路径来获取人才培养方案文件内容
    const resContent = await getSyllabusData(res.data.data[0].Path)
        // 将二进制数据转换为 Blob 对象
    const blob = new Blob([resContent.data], { type: 'application/pdf' });

    // 创建一个指向 Blob 对象的 URL
    const pdfUrl = URL.createObjectURL(blob);

    // 将 URL 赋值给 iframe 的 src 属性
    document.getElementById('pdfViewer').src = pdfUrl;
}

onMounted(() =>{
    getTrainContent()
})


</script>
